.app {
  width: 100%;
  padding-top: 1.0667rem;
  padding-bottom: 1.5467rem;
  box-sizing: border-box;
}
.app .search_box {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
  height: 1.1733rem;
  background: linear-gradient(180deg, #ff5454 0.63%, #f4f4f4 80.65%);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.app .search_box .left_box {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 8px;
  background: url(../img/menu.png);
}
.app .search_box .search_input {
  width: 100%;
  height: 0.8rem;
  border-radius: 10px;
  margin-top: 10px;
}
.app .search_box .search_input input {
  width: 100%;
  height: 30px;
  display: block;
  border-radius: 10px;
  padding-left: 0.5333rem;
  box-sizing: border-box;
}
.app .search_box .right_login {
  width: 40px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}
.app .nav {
  width: 100%;
  height: 2.9333rem;
  padding: 0.2667rem;
  box-sizing: border-box;
}
.app .nav .navlist {
  width: 100%;
  height: 2.56rem;
  border-radius: 0.2667rem;
  background-color: #fff;
  overflow: auto;
}
.app .nav .navlist::-webkit-scrollbar {
  display: none;
}
.app .nav .navlist ul {
  width: 22.9333rem;
  height: 2.56rem;
  float: left;
  text-align: center;
}
.app .nav .navlist ul li {
  width: 2rem;
  height: 1.8133rem;
  float: left;
  padding-top: 0.4rem;
}
.app .nav .navlist ul li img {
  width: 1.0667rem;
  height: 1.0667rem;
  display: block;
  margin: 0 auto;
  margin-left: 0.2667rem;
}
.app .nav .navlist ul li a {
  display: block;
  font-size: 0.32rem;
  margin-top: 0.2667rem;
  margin-left: -0.4rem;
  color: #000;
}
.app .shopping {
  width: 100%;
  padding: 0 0.2667rem;
  box-sizing: border-box;
}
.app .shopping .low_prive {
  width: 9.1733rem;
  height: 2.4285rem;
  background: url(../img/bg.png);
  background-size: cover;
  border-radius: 0.4rem;
  margin-left: 0.1333rem;
}
.app .shopping .low_prive img {
  width: 1.68rem;
  height: 0.3467rem;
  margin-left: 0.32rem;
}
.app .shopping .low_prive p {
  font-size: 0.32rem;
  color: #fff;
  margin-left: 0.2667rem;
}
.app .shopping .low_prive .low_left {
  width: 1.6rem;
  height: 0.4267rem;
  background-color: #f4f4f4;
  border-radius: 0.2667rem;
  margin-left: 0.2667rem;
  padding-left: 0.1333rem;
  box-sizing: border-box;
  margin-top: 0.1333rem;
}
.app .shopping .low_prive .low_left a {
  font-size: 0.2667rem;
  color: #ff5454;
  display: block;
}
.app .shopping .low_prive .right_prive {
  width: 6.9387rem;
  height: 2.3333rem;
  background-color: #fff;
  border-radius: 0.4rem;
  float: right;
  margin-top: -2.0267rem;
  margin-right: 0.0667rem;
}
.app .shopping .low_prive .right_prive li {
  width: 1.68rem;
  height: 1.92rem;
  margin-top: 0.2667rem;
  float: left;
  text-align: center;
}
.app .shopping .low_prive .right_prive li img {
  width: 1.36rem;
  height: 1.36rem;
}
.app .shopping .low_prive .right_prive li p {
  font-size: 0.32rem;
  margin-top: 0.1333rem;
  color: #ff5454;
}
.app .product {
  width: 100%;
  margin-top: 0.2667rem;
  position: relative;
}
.app .product .left_product {
  width: 50%;
}
.app .product .left_product .left_one {
  width: 4.72rem;
  height: 7.48rem;
  background-color: #f7f7f7;
  margin: 0 auto;
  margin-top: 0.2667rem;
}
.app .product .left_product .left_one .left_top img {
  width: 4.4533rem;
  height: 4.4533rem;
}
.app .product .left_product .left_one .left_bottom {
  width: 4.4533rem;
  height: 2.6347rem;
  font-size: 0.32rem;
  margin-top: 0.2667rem;
  color: #000;
}
.app .product .left_product .left_one .left_bottom p {
  color: red;
  font-size: 0.5333rem;
  margin-bottom: 0.2667rem;
}
.app .product .left_product .left_one .left_bottom p:first-child {
  display: block;
  width: 3.9467rem;
  height: 0.96rem;
  font-size: 0.3733rem;
  word-break: break-all;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #000;
}
.app .product .left_product .left_one .left_bottom img {
  width: 0.6267rem;
  height: 0.36rem;
}
.app .product .left_product .left_one .left_bottom .left_like {
  width: 1.2933rem;
  height: 0.52rem;
  background-color: blue;
  border-radius: 0.2667rem;
  background-color: aqua;
  text-align: center;
  float: right;
}
.app .product .right_product {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.app .product .right_product .left_one {
  width: 4.72rem;
  height: 7.48rem;
  background-color: #f7f7f7;
  margin: 0 auto;
  margin-top: 0.2667rem;
}
.app .product .right_product .left_one .left_top img {
  width: 4.4533rem;
  height: 4.4533rem;
}
.app .product .right_product .left_one .left_bottom {
  width: 4.4533rem;
  height: 2.6347rem;
  font-size: 0.32rem;
  margin-top: 0.2667rem;
  color: #000;
}
.app .product .right_product .left_one .left_bottom p {
  color: red;
  font-size: 0.5333rem;
  margin-bottom: 0.2667rem;
}
.app .product .right_product .left_one .left_bottom p:first-child {
  display: block;
  width: 3.9467rem;
  height: 0.96rem;
  font-size: 0.3733rem;
  word-break: break-all;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #000;
}
.app .product .right_product .left_one .left_bottom img {
  width: 0.6267rem;
  height: 0.36rem;
}
.app .product .right_product .left_one .left_bottom .left_like {
  width: 1.2933rem;
  height: 0.52rem;
  background-color: blue;
  border-radius: 0.2667rem;
  background-color: aqua;
  text-align: center;
  float: right;
}
.app .bottom {
  width: 100%;
  height: 1.3333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 0 0 0.2667rem 0.2667rem;
}
.app .bottom li {
  width: 25%;
  background-color: #fff;
  float: left;
  text-align: center;
}
.app .bottom li img {
  width: 1.6rem;
  width: 1.5467rem;
}
